<template>
	<div class="choose">
		
		<div class="chooseCon">
			<div class="chooseHead">
				<p class="chooseHead-tit">选择一个身份吧 </p>
				<p class="chooseHead-tit2">选择后可在个人中心切换身份</p>
			</div>
			<ul class="chooseBody">
				<li>
					<router-link to="/index" >
						<div class="round"></div>
						<p class="round-tit">我是用户</p>
					</router-link>
				</li>
				<li>
					<router-link to="/index2" >
						<div class="round"></div>
						<p class="round-tit">我是主播</p>
					</router-link>
				</li>
			</ul>
		</div>
	</div>
</template>
<script>
	
	export default{

	}
</script>

<style>
	.choose{background-image: url(../../../assets/bg.jpg);background-size: cover;height: 100%;position: relative;}
	.chooseCon{width: 2.93rem;height: 2.98rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius: 16px;}
	.chooseHead{text-align: center;padding-top: 0.39rem;}
	.chooseHead-tit{font-size: 0.18rem;color: #4C4C4C;margin-bottom: 0.1rem;}
	.chooseHead-tit2{font-size: 0.14rem;color: rgba(76,76,76,0.46);}
	.chooseBody{text-align: center;margin-top: 0.4rem;}
	.chooseBody li{display: inline-block;vertical-align: middle;margin: 0px 0.25rem;}
	.chooseBody li a{display: block;height: 100%;}
	.chooseBody .round{width: 0.9rem;height: 0.9rem;border-radius: 50%;background-color: #ff5959;margin-bottom: 0.2rem;}
	.round-tit{text-align: center;font-size: 0.16rem;color: #4C4C4C;}
</style>